<template>
  <div class="app-container calendar-list-container">
    <div v-if="!opShow">
      <grid :columns="columns" :multi="false" :url="queryUrl" ref="mainGrid" height="auto" diffHeight="50" @change="rowCilck" :queryEntity="{orderNo: orderNo}" :pagination="true">
      </grid>
    </div>
  </div>
</template>

<script>
import request from '@/router/axios'
import url from '@/const/apiURL'
import grid from '@/components/Grid'
import buttons from '@/components/Buttons'
import { Message, MessageBox } from 'element-ui'
import { mapGetters } from 'vuex'
import { YesOrNoFormatter } from '@/const/dict'


export default {
  components: { grid, buttons },
  data () {
    return {
      queryUrl: url.ORDER_RECORD_LIST_URL,
      disabled: true,
      opShow: false,
      columns: [
        { label: '订单号', width: 180, prop: 'orderNo', align: 'left' },
        { label: this.global.modelName, width: 100, prop: 'goodsName', align: 'left' },
        { label: this.global.modelProp, width: 100, prop: 'modelProp', align: 'left' },
        { label: '克重', width: 80, prop: 'weight', align: 'center' },
        { label: '单位', width: 80, prop: 'unit', align: 'center' },
        { label: '物料名称', width: 360, prop: 'materialName', align: 'center' },
        { label: '序列号', width: 180, prop: 'serialNumber', align: 'center' },
        { label: '批次号', width: 180, prop: 'batchNo', align: 'center' },
        { label: '卷数', width: 80, prop: 'total', align: 'center' },
        { label: '数量', width: 100, prop: 'quantity', align: 'center' }
      ]
    }
  },
  created () {
    this.orderNo = this.$route.query.orderNo
  },
  computed: {
    ...mapGetters([
      'permissions'
    ])
  },
  methods: {
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
</style>
